﻿<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Contact</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- google fonts -->
<link href='https://fonts.googleapis.com/css?family=Lato:400,900,700,300' rel='stylesheet'
	type='text/css'>
<!-- all css here -->
<!-- bootstrap v3.3.6 css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- jquery-ui.min css -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- meanmenu css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- RS slider css -->
<link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />
<!-- owl.carousel css -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- font-awesome css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr css -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
	<![endif]-->
<!-- Add your site or application content here -->
<!-- header-top-area start -->
<div class="header-top-area hidden-xs">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sm-4">
				<div class="welcome">
					<span class="phone">Phone: +12345 67890</span> <span class="hidden-sm">/</span>
					<span class="email hidden-sm">Email: yourname@domain.com</span>
				</div>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-8">
				<div class="top-menu">
					<ul id="currency">
						<li><a href="#">USD <i class="fa fa-angle-down"></i></a>
							<ul>
								<li><a href="#">EURO</a></li>
								<li><a href="#">AUD</a></li>
								<li><a href="#">Rs</a></li>
							</ul>
						</li>
					</ul>
					<ul>
						<li><a href="#">My Account</a></li>
						<li><a href="#">Wishlist</a></li>
						<li><a href="#">Shopping cart</a></li>
						<li><a href="#">Checkout</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- header-top-area end -->
<div class="sticky-wrapper">
	<header>			
		<!-- header-bottom-area start -->            
		<div class="header-bottom-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						<div class="logo">
							<a href="index.html"><img src="img/logo/logo.png" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-6 col-md-5 col-sm-5 col-xs-6 hidden-xs">
						<div class="header-search">
							<select>
								<option value="0">All Categories</option>
								<option value="1">Women's Clothing &amp; Accessories</option>
								<option value="2">Men's Clothing &amp; Accessories</option>
								<option value="0">Phones &amp; Telecommunications</option>
								<option value="0">Computer &amp; Office</option>
								<option value="0">Consumer Electronics</option>
								<option value="0">Jewelry &amp; Accessories</option>
								<option value="0">Home &amp; Garden</option>
								<option value="0">Luggage &amp; Bags</option>
								<option value="0">Shoes</option>
								<option value="0">Mother &amp; Kids</option>
								<option value="0">Sports &amp; Entertainment</option>
								<option value="0">Health &amp; Beauty</option>
								<option value="0">Watches</option>
								<option value="0">Toys &amp; Hobbies</option>
								<option value="0">Weddings &amp; Events</option>
								<option value="0">Novelty &amp; Special Use</option>
								<option value="0">Automobiles &amp; Motorcycles</option>
								<option value="0">Lights &amp; Lighting</option>
								<option value="0">Furniture</option>
								<option value="0">Industry &amp; Business</option>
								<option value="0">Electronic Components &amp; Supplies</option>
								<option value="0">Office &amp; School Supplies</option>
								<option value="0">Electrical Equipment &amp; Supplies</option>
								<option value="0">Gifts &amp; Crafts</option>
								<option value="0">Home Improvement</option>
								<option value="0">Food</option>
								<option value="0">Travel and Coupons</option>
								<option value="0">Security &amp; Protection</option>
								<option value="0">In All Categories</option>
							</select>
							<input type="text" placeholder="search product..." />
							<button><i class="fa fa-search"></i></button>
						</div>
					</div>
					<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 float-right account-wrap">
						<!-- Header shopping cart -->
						<div class="my-account-holder float-right">                
							<div class="total-cart my-account-title" data-toggle="my-cart">
								<div class="user-icon float-left">
									<i class="fa fa-shopping-cart" aria-hidden="true"></i>
								</div>
								<div class="float-left cart-link">
									<a href="#">2 Item(s)</a>
								</div>
								<div class="clearfix"></div>  
								<ul>
									<li>
										<div class="cart-img">
											<a href="#"><img src="img/cart/total-cart.jpg" alt="" /></a>											    
										</div>
										<div class="cart-info">
											<h4><a href="#">Vestibulum suscipit</a></h4>
											<span>£165.00 <span>x 1</span></span>
										</div>
										<div class="del-icon">
											<i class="fa fa-times-circle"></i>
										</div>
									</li>
									<li>
										<div class="cart-img">
											<a href="#"><img src="img/cart/total-cart.jpg" alt="" /></a>											    
										</div>
										<div class="cart-info">
											<h4><a href="#">Vestibulum suscipit</a></h4>
											<span>£165.00 <span>x 1</span></span>
										</div>
										<div class="del-icon">
											<i class="fa fa-times-circle"></i>
										</div>
									</li>
									<li>
										<div class="subtotal-text">Subtotal: </div>
										<div class="subtotal-price">£300.00</div>
									</li>
									 <li>
										<a href="#" class="button float-right">Checkout</a>										    
									</li>
								</ul>                   
							</div>
						</div>
						<!-- Header shopping cart -->
						<div class="my-account-holder float-right">                
							<div class="my-account-title">
								<div class="user-icon float-left">
									<i class="fa fa-heart" aria-hidden="true"></i>
								</div>                                   
								<div class="clearfix"></div>                     
							</div>
						</div>
						 <div class="my-account-holder float-right">                
							<div class="my-account-title">
								<div class="user-icon float-left">
									<i class="fa fa-exchange" aria-hidden="true"></i>
								</div>                                   
								<div class="clearfix"></div>                     
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- header-bottom-area end -->
		<!-- main-menu-area start -->
		<div class="main-menu-area hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12">
						<div class="main-menu">
							<nav>
								<ul>
									<li><a href="index.html">Home</a></li>
									<li><a href="about.html">About</a></li>
									<li><a href="shop-list.html">Shop List</a></li>
									<li><a href="single-product.html">Single Product</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>            
		<!-- main-menu-area end -->
		<!-- mobile-menu-area start -->
		<div class="mobile-menu-area visible-xs">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="dropdown">
								<ul>
									<li><a href="index.html">Home</a></li>
									<li><a href="about.html">About</a></li>
									<li><a href="shop-list.html">Shop List</a></li>
									<li><a href="single-product.html">Single Product</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>
							</nav>
						</div>					
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-menu-area end -->			
	</header>
</div>
<!-- HOME SLIDER -->
<!-- heading-banner start -->
<div class="heading-banner">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<ul class="breadcrumb">
					<li><a href="#">Home</a></li>
					<li class="active">Contact Us</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- heading-banner end -->
<!-- map-area start -->
<div class="map-area">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div id="googleMap" style="width: 100%; height: 410px;">
				</div>
			</div>
		</div>
	</div>
</div>
<!-- map-area end -->
<!-- contact-area start -->
<div class="contact-area">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-sm-12 col-xs-12">
				<div class="contact-form">
					<h3>
						<i class="fa fa-envelope-o"></i>Leave a Message</h3>
					<div class="row">
						<form action="sendmail.php" method="POST">
						<div class="col-md-6 col-sm-6 col-xs-12">
							<input name="name" type="text" placeholder="Name (required)" />
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<input name="email" type="email" placeholder="Email (required)" />
						</div>
						<div class="col-md-12 col-sm-12 col-xs-12">
							<input name="subject" type="text" placeholder="Subject" />
						</div>
						<div class="col-md-12 col-sm-12 col-xs-12">
							<textarea name="message" id="message" cols="30" rows="10" placeholder="Message"></textarea>
							<input type="submit" value="Submit Form" />
						</div>
						</form>
					</div>
				</div>
			</div>
			<!-- contact-info start -->
			<div class="col-md-6 col-sm-12 col-xs-12">
				<div class="contact-info">
					<h3>
						Contact info</h3>
					<ul>
						<li><i class="fa fa-map-marker"></i><strong>Address</strong> 1234 Pall Mall Street,
							London England </li>
						<li><i class="fa fa-envelope"></i><strong>Phone</strong> +8801912-199981 </li>
						<li><i class="fa fa-mobile"></i><strong>Email:</strong> <a href="#">admin@themepure.net</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- contact-info end -->
		</div>
	</div>
</div>
<!-- contact-area end -->
<!-- brand-area start -->
<div class="brand-area pad-bottom">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="section-title text-center">
					<h2>
						Our Brands</h2>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="brand-carousel">
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- brand-area end -->
<!-- footer start -->
<footer>
		<!-- footer-top-area start -->
		<div class="footer-top-area">
			<div class="container">
				<div class="row">
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 col-sm-4">
						<div class="footer-widget">
							<img src="img/logo/logo-2.png" alt="" />
							<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. .</p>
							<div class="widget-icon">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-linkedin"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
							</div>
						</div>
					</div>
					<!-- footer-widget end -->
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 hidden-sm">
						<div class="footer-widget">
							<h3>Our services</h3>
							<ul class="footer-menu">
								<li><a href="#">Shipping & Returns</a></li>
								<li><a href="#">Secure Shopping</a></li>
								<li><a href="#">International Shipping</a></li>
								<li><a href="#">Affiliates</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</div>
					</div>
					<!-- footer-widget end -->
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 col-sm-4">
						<div class="footer-widget">
							<h3>Our services</h3>
							<ul class="footer-menu">
								<li><a href="#">Shipping & Returns</a></li>
								<li><a href="#">Secure Shopping</a></li>
								<li><a href="#">International Shipping</a></li>
								<li><a href="#">Affiliates</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</div>
					</div>
					<!-- footer-widget end -->
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 col-sm-4">
						<div class="footer-widget">
							<h3>CONTACT US</h3>
							<ul class="footer-contact">
								<li>
									<i class="fa fa-map-marker"> </i>
									Addresss: 123 Pall Mall, London England
								</li>
								<li>
									<i class="fa fa-envelope"> </i>	
									Email: admin@themepure.net
								</li>
								<li>
									<i class="fa fa-phone"> </i>
									Phone: +8801912 199981  
								</li>
							</ul>
						</div>
					</div>
					<!-- footer-widget end -->
				</div>
			</div>
		</div>
		<!-- footer-top-area end -->
		<!-- footer-bottom-area start -->
		<div class="footer-bottom-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6">
						<div class="copyright">
							<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6">
						<div class="payment-img">
							<img src="img/payment.png" alt="" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- footer-bottom-area end -->
	</footer>
<!-- footer end -->
<!-- all js here -->
<!-- jquery latest version -->
<script src="js/vendor/jquery-1.12.0.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- owl.carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- jquery-ui js -->
<script src="js/jquery-ui.min.js"></script>
<!-- RS-Plugin JS -->
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="lib/rs-plugin/rs.home.js"></script>
<!-- meanmenu js -->
<script src="js/jquery.meanmenu.js"></script>
<!-- wow js -->
<script src="js/wow.min.js"></script>
<!-- Google Map js -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuU_0_uLMnFM-2oWod_fzC0atPZj7dHlU"></script>
<script>
	function initialize() {
		var mapOptions = {
			zoom: 15,
			scrollwheel: false,
			center: new google.maps.LatLng(21.167416, 72.8140269)
		};

		var map = new google.maps.Map(document.getElementById('googleMap'),
			  mapOptions);


		var marker = new google.maps.Marker({
			position: map.getCenter(),
			animation: google.maps.Animation.BOUNCE,
			icon: 'img/map-marker.png',
			map: map
		});

	}

	google.maps.event.addDomListener(window, 'load', initialize);
	</script>
<!-- plugins js -->
<script src="js/plugins.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>